<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>胖糖游戏列表</title>
  <link rel="stylesheet" href="./css/reset.css">
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/liebiao.css">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
</head>

<body>
  <div class="a">
    <header class="clearfix">
      <div class="logo fl">
        <img src="./images/n-logo.png" alt="logo">
      </div>
      <nav>
        <ul>
          <a href="./index.html">
            <li>
              <p>首页</p>
              <p>home</p>
            </li>
          </a>
          <a href="./liebiao.html">
            <li class="ts">
              <p>游戏</p>
              <p>game</p>
            </li>
          </a>
          <a href="./yxny.html">
            <li>
              <p>案例</p>
              <p>Case</p>
            </li>
          </a>
          <li>
            <p>关于我们</p>
            <p>About us</p>
          </li>
        </ul>
      </nav>
      <div class="weibo">
        <i class="iconfont iconweibo"></i>
      </div>
    </header>
    <section class="content">
      <div class="banner">
        <img src="./images/lb-banner.png" alt="超级玛利亚">
      </div>
      <div class="title">
        <div class="title1">
          <p>狂转游戏</p>
          <p>Turn mad game</p>
        </div>
        <div class="title2">
          <p>抽奖游戏</p>
          <p>Lottery game</p>
        </div>
      </div>
      <div class="all">
        <div class="pic">
          <img src="./images/lb-xmg.png" alt="小蘑菇">
        </div>
        <div class="button">
          <button>ALL</button>
          <button>最新游戏</button>
          <button>最热游戏</button>
          <button>购买最多</button>
        </div>
      </div>
      <div class="liebiao">
        <div class="left">
          <img src="./images/lb-left.png" alt="左">
        </div>
        <div class="right">
          <img src="./images/lb-right.png" alt="右">
        </div>
        <div class="item">
          <div class="item-top">
            <div class="item-t-l">
              <p>剑圣传奇</p>
              <p>2014-07-09</p>
              <p>使用次数:20</p>
            </div>
            <div class="item-t-r clearfix">
              <button>购买</button>
              <br>
              <i class="iconfont iconxing fr"></i>
            </div>
          </div>
          <div class="item-down">
            <img src="./images/lb-liebiao1.png" alt="1">
          </div>
        </div>
        <div class="item">
          <div class="item-top">
            <div class="item-t-l">
              <p>PLAGUE LNC</p>
              <p>2014-07-09</p>
              <p>使用次数:20</p>
            </div>
            <div class="item-t-r clearfix">
              <button>购买</button>
              <br>
              <i class="iconfont iconxing fr"></i>
            </div>
          </div>
          <div class="item-down">
            <img src="./images/lb-liebiao2.png" alt="2">
          </div>
        </div>
        <div class="item">
          <div class="item-top">
            <div class="item-t-l">
              <p>地狱边境</p>
              <p>2014-07-09</p>
              <p>使用次数:20</p>
            </div>
            <div class="item-t-r clearfix">
              <button>购买</button>
              <br>
              <i class="iconfont iconxing fr"></i>
            </div>
          </div>
          <div class="item-down">
            <img src="./images/lb-liebiao3.png" alt="3">
          </div>
        </div>
        <div class="item">
          <div class="item-top">
            <div class="item-t-l">
              <p>狂斩三国</p>
              <p>2014-07-09</p>
              <p>使用次数:20</p>
            </div>
            <div class="item-t-r clearfix">
              <button>购买</button>
              <br>
              <i class="iconfont iconxing fr"></i>
            </div>
          </div>
          <div class="item-down">
            <img src="./images/lb-liebiao4.png" alt="4">
          </div>
        </div>
        <div class="item">
          <div class="item-top">
            <div class="item-t-l">
              <p>宝石迷阵</p>
              <p>2014-07-09</p>
              <p>使用次数:20</p>
            </div>
            <div class="item-t-r clearfix">
              <button>购买</button>
              <br>
              <i class="iconfont iconxing fr"></i>
            </div>
          </div>
          <div class="item-down">
            <img src="./images/lb-liebiao5.png" alt="5">
          </div>
        </div>
        <div class="item">
          <div class="item-top">
            <div class="item-t-l">
              <p>植物大战僵尸</p>
              <p>2014-07-09</p>
              <p>使用次数:20</p>
            </div>
            <div class="item-t-r clearfix">
              <button>购买</button>
              <br>
              <i class="iconfont iconxing fr"></i>
            </div>
          </div>
          <div class="item-down">
            <img src="./images/lb-liebiao6.png" alt="6">
          </div>
        </div>
        <div class="item">
          <div class="item-top">
            <div class="item-t-l">
              <p>狂斩三国</p>
              <p>2014-07-09</p>
              <p>使用次数:20</p>
            </div>
            <div class="item-t-r clearfix">
              <button>购买</button>
              <br>
              <i class="iconfont iconxing fr"></i>
            </div>
          </div>
          <div class="item-down">
            <img src="./images/lb-liebiao7.png" alt="7">
          </div>
        </div>
        <div class="item">
          <div class="item-top">
            <div class="item-t-l">
              <p>世界迷雾</p>
              <p>2014-07-09</p>
              <p>使用次数:20</p>
            </div>
            <div class="item-t-r clearfix">
              <button>购买</button>
              <br>
              <i class="iconfont iconxing fr"></i>
            </div>
          </div>
          <div class="item-down">
            <img src="./images/lb-liebiao8.png" alt="8">
          </div>
        </div>
        <div class="item">
          <div class="item-top">
            <div class="item-t-l">
              <p>消灭星星游戏</p>
              <p>2014-07-09</p>
              <p>使用次数:20</p>
            </div>
            <div class="item-t-r clearfix">
              <button>购买</button>
              <br>
              <i class="iconfont iconxing fr"></i>
            </div>
          </div>
          <div class="item-down">
            <img src="./images/lb-liebiao9.png" alt="9">
          </div>
        </div>
      </div>
      <div class="number">
        <div class="yuan">
          <a href="">&lt;</a>
        </div>
        <div class="num">
          <a href="">1</a>
          <a href="">2</a>
          <a href="" class="ts">3</a>
          <a href="">4</a>
          <a href="">5</a>
          <a href="">6</a>
          <a href="">.......</a>
          <a href="">12</a>
        </div>
        <div class="yuan">
          <a href="">&gt;</a>
        </div>
      </div>
    </section>
    <footer>
      <div class="blue">
        Copyright © 2014 Pangtang. All Rights Reserved. 版权所有
      </div>
      <div class="ta">
        <img src="./images/foot-l.png" alt="ta ">
      </div>
      <div class="tang">
        <img src="./images/foot-r.png" alt="tang">
      </div>
    </footer>
  </div>
</body>

</html>